<script setup lang="ts">
import { ref } from 'vue'
import SonComp from './components/SonComp.vue'

const money = ref(100)
const score = ref(60)
</script>

<template>
  <div class="playground-page">
    <h1>v-model语法糖</h1>
    <!-- <son-comp @update:money="money = money - $event" :money="money"></son-comp> -->
    <son-comp
      @update:modelValue="score = $event"
      :modelValue="score"
      v-model:money="money"
    ></son-comp>
    <son-comp v-model="score" v-model:money="money"></son-comp>
  </div>
</template>

<style scoped lang="scss"></style>
